<%--普通用户登录页面--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/static/css/font.css">
    <link rel="stylesheet" href="/static/css/login.css">
    <link rel="stylesheet" href="/static/css/xadmin.css">
    <link href="/static/layui/css/layui.css">

    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/static/layui/layui.js" charset="utf-8"></script>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
</head>

<body class="login-bg">
<div class="login layui-anim layui-anim-up">
    <%--两个图标，用来区分普通用户登录和管理员登录--%>
    <div style="position: marker; bottom:0; right:0;">
        <a href="/index.jsp"><img src="/static/images/user-selected.png" width="50px" height="50px" style="float: left"></a>
        <a href="/jsp/admin/login.jsp"><img src="/static/images/admin.png" width="50px" height="50px" style="margin-left: 100px"></a>
        <a href="/jsp/systemAdmin/login.jsp"><img src="/static/images/systemAdmin.png" width="50px" height="50px" style="float: right"></a>
        <br><br><br><br>
    </div>
    <div class="message">图书馆系统 - 用户登录</div>
    <div id="darkbannerwrap"></div>
    <div align="center"><p style="color: red; font-size: 17px; font-weight: bold"></p></div>
    <form method="post" class="layui-form" action="login">
        <%--设置隐藏文本框，用于接收当前页面是用户登录页还是管理员登录页--%>
        <input name="loginType" type="text" hidden="hidden" value="0">
        <input name="email" placeholder="邮箱" type="text" lay-verify="required" class="layui-input" value="123@qq.com">
        <hr class="hr15" style="background: none">
        <input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input"
               value="123456">
        <hr class="hr15" style="background: none">
        <input name="authcode" placeholder="验证码" type="text" width="200px" lay-verify="required">
        <hr class="hr15" style="background: none">
        <img id="kaptcha" width="200px" height="50px">
        <a href="javascript:;"
           onclick="document.getElementById('kaptcha').src='/code?' + (new Date()).getTime() ">换一张</a> <br><br>
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit"> <br>
        <hr class="hr20" style="background: none">
        没有账户？点击<a href="/jsp/user/register.jsp" style="color: blue">注册</a>
        <hr class="hr20" style="background: none">
    </form>
</div>

</body>
</html>